<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>医生列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weui.css" />
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weuix.css" />
    <script src="/lobsteruiframe/weui/js/zepto.min.js"></script>
    <script src="/lobsteruiframe/weui/js/zepto.weui.js"></script>
    <script src="/lobsteruiframe/weui/js/swipe.js"></script>
    <script src="/lobsteruiframe/weui/js/macy.js"></script>
    <script src="/jslib/lobster.js"></script>
    <script src="/jslib/template-web.js"></script>

    <script src="../js/moment.min.js"></script>
    <script src="../js/docsignalsource.js"></script>
    <style>
        .all {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .top {
            border-bottom: 1px solid #e8e8e8;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            z-index: 99999;
            background: #F6F6F9;
            padding: 5px;
        }

        .day {
            padding: 10px 0;
            border-radius: 5px;
            box-sizing: border-box;
            height: 80px;
            vertical-align: top;
            text-align: center;
        }

        .padding-5 {
            padding: 5px;
        }

        .day_selected {
            background-color: #07C160 !important;
            color: #fff !important;
        }

        .have {
            color: Green;
        }

        .day_selected .have {
            color: #fff !important;
        }

        .label {
            margin: 0.3125em 0.3125em 0 0;
            display: inline-block;
            position: relative;
            line-height: 1.4em;
            height: 1.4em;
            padding: 0 0.625em;
            border: 1px solid #cacccd;
            border-radius: 0.1875em;
            min-width: 50px;
            text-align: center;
        }

        .otc_time {
            width: 96%;
            line-height: 60rpx;
            margin: 0 2%;

            max-height: 400px;
            min-height: 300px;
            overflow-y:auto;
        }

        .otc_timeview {
            display: inline-block;
            margin: 10px 2%;
            border: 1px #bdbdbd solid;
            box-sizing: border-box;
            border-radius: 10px;
            padding: 5px;
        }

        .otc_time text {
            display: block;
            text-align: center;
            line-height: 20px;
        }
    </style>
</head>

<body ontouchstart>
    <div class="container">

        <div class='top'>
            <div class="weui-flex " id="dayweek">
            </div>
            <div class="weui-flex" id="only" style="margin-top:15px;">
                <div class="weui-flex__item" style="display: flex;align-items: center;"> 医生列表</div>
                <div class="weui-flex__item">

                    <div style="display: flex;align-items: center;justify-content: flex-end;">
                        只看有号
                        <input class="weui-switch" type="checkbox" id="isdefault" />
                    </div>
                </div>
            </div>
        </div>

        <div class="page-bd" style="margin-top:150px;">
            <div class="weui-panel weui-panel_access hide" style="margin-top:100px" id="content">
                <div class="weui-panel__bd" id="docList"></div>
            </div>
        </div>
        <!-- <div class="weui-loadmore" id="weui-loadmore">
            <i class="weui-loading"></i>
            <span class="weui-loadmore__tips">正在加载</span>
        </div> -->
        <div id="half" class='weui-popup__container popup-bottom'>

        </div>
    </div>

</body>

</html>

<script>



</script>


<script type="text/template" id="tpldayweek">
    {{each list}}
    <div class="weui-flex__item" style="text-align:center;padding-top:0px">
        <div class="day f14 dayofweek {{$index ==0 ?'day_selected':''}} {{$value.Day=='-1'?'all':''}}" data-info="{{$value}}" id="{{$value.Day}}" >
           
            {{if($value.Day !="-1")}}
            <div class="wkd padding-5">{{$value.Week}}</div>
            <div class="num padding-5">{{$value.Day}}</div>
            <div class="padding-5 {{$value.DayHave==true?'have':'unhave'}}"  >{{$value.DayHave==true?"有":"无"}}</div>
            {{else}}
                <div class="line-height:60px;">{{$value.Week}}</div>
            {{/if}}
        </div> 
    </div> 
    {{/each}}
</script>
<script type="text/template" id="tpldoctor">
    {{if(list.length>0)}}
    {{each list }}

    <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg todoctorinfo" data-info="{{$value}}">
        <div class="weui-media-box__hd">
            <img class="weui-media-box__thumb" src="{{$value.HeadImg? $value.HeadImg:'../images/doc_chat.png'}}" alt="">
        </div>
        <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">{{$value.DocName}}   <span class='f-gray'>{{$value.RankName}}</span></h4>
            <p class="weui-media-box__desc">{{$value.DeptName}}</p>
            <p class="weui-media-box__desc">擅长：{{!$value.Describe?'暂无数据':$value.Describe}}</p>
        </div>
        <div class="weui-media-box__hd toregister" data-info="{{$value}}" style="width:100px; text-align: right;"> 
        {{if($value.IsHave==0)}}
            <label class="label f-gray b-gray">
                无号
            </label> 
        {{else}}
            
            {{if($value.IsFull==1) }}
            <label class="label f-gray b-gray">
                已约满
            </label> 
            {{else}}
            <label class="label f-green b-green">
                余:{{$value.HaveCount}}
                </label>  
            {{/if}} 
            
        {{/if}}
        </div>
    </a> 
    {{/each}}
    {{else}}
        <div class="weui-loadmore weui-loadmore_line">
            <span class="weui-loadmore__tips">暂无号源</span>
        </div>
    {{/if}}
</script>



<script type="text/template" id="tplrange">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal">
        <div class="toolbar">
            <div class="toolbar-inner">
                <a href="javascript:;" class="picker-button close-popup">关闭</a>
                <h1 class="title">选择时间段</h1>
            </div>
        </div>
        <div class="modal-content">
            <div class="weui-cells weui-cells_form">
                <!-- <div class="weui-loadmore" id="weui-loadmore">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">正在加载</span>
                </div> -->
                <div class="otc_time"> 
                    {{each list}}
                        <div class="otc_timeview {{$value.Status==1?'f-gray':''}} {{$value.IsExpire==1?'f-gray':''}}" data-info="{{$value}}">
                            {{if($value.TimeType==1)}}
                            <text class='f-gray f11'>{{$value.RegDate}}(上午)</text>
                            {{else if($value.TimeType==2)}}
                            <text class='f-gray f11'>{{$value.RegDate}}(下午)</text>
                            {{else if($value.TimeType==3)}}
                            <text class='f-gray f11'>{{$value.RegDate}}(晚上)</text>
                            {{/if}}
                            <text>{{$value.StartTime}}-{{$value.EndTime}}</text>
                            <text class="otc_time_0827">(剩:{{$value.HaveCount}})</text>
                        </div>
                    {{/each}} 
                </div>
            </div>
        </div>
    </div>
</script>